<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/7/2
  Time: 21:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String contextPath = request.getContextPath();
%>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="openSources/layui/css/layui.css">
    <title>利润计算</title>
    <style>
        .layui-container {
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <input type="text" id="contextPath" value="<%=contextPath%>" style="display: none"/>
    <div class="layui-container">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">重量</label>
                <div class="layui-input-inline">
                    <input type="number" name="weight" id="weight" step="0.001" required  lay-verify="required" placeholder="请输入重量" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">KG</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">长</label>
                <div class="layui-input-inline">
                    <input type="number" name="length" id="length" step="0.1" required  lay-verify="required" placeholder="请输入长度" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">CM</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">宽</label>
                <div class="layui-input-inline">
                    <input type="number" name="width" id="width" step="0.1" required  lay-verify="required" placeholder="请输入宽度" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">CM</div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">高</label>
                <div class="layui-input-inline">
                    <input type="number" name="height" id="height" step="0.1" required  lay-verify="required number" placeholder="请输入高度" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">CM</div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">体积重</label>
                <div class="layui-input-inline">
                    <label class="layui-form-label" id="volumeWeight" style="float: left;text-align: left">&nbsp;</label>
                </div>
                <div class="layui-form-mid layui-word-aux">KG</div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">成本</label>
                <div class="layui-input-inline">
                    <input type="number" name="cost" id="cost" step="0.01" required  lay-verify="required" placeholder="请输入成本" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">RMB</div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">定价</label>
                <div class="layui-input-inline">
                    <input type="number" name="price" id="price" step="0.01" required  lay-verify="required" placeholder="请输入定价" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">USD</div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">亚马逊物流费用</label>
                <div class="layui-input-inline">
                    <label class="layui-form-label" id="amazonLogisticsCost" style="float: left;text-align: left">&nbsp;</label>
                </div>
                <div class="layui-form-mid layui-word-aux">USD</div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">利润</label>
                <div class="layui-input-inline">
                    <label class="layui-form-label" id="perProfit" style="float: left;text-align: left">&nbsp;</label>
                </div>
                <div class="layui-form-mid layui-word-aux">%</div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">计算利润</button>
                    <button type="reset" class="layui-btn layui-btn-primary" id="reset">重置</button>
                </div>
            </div>
        </form>
    </div>
    <script src="openSources/layui/layui.js"></script>
    <script src="js/price/priceIndex.js"></script>
</body>
</html>
